import axios from 'axios'
import router from '@/router'
import { Message } from 'element-ui'

// 创建axios实例
const http = axios.create({
  baseURL: 'http://localhost:8090', // API的base_url
  timeout: 10000 // 请求超时时间
})

// request拦截器
http.interceptors.request.use(
  config => {
    // 从本地存储中获取token
    const token = localStorage.getItem('jwt_token')
    
    // 如果token存在，则添加到请求头中
    if (token) {
      config.headers['Authorization'] = 'Bearer ' + token
    }
    
    return config
  },
  error => {
    console.log(error)
    Promise.reject(error)
  }
)

// response拦截器
http.interceptors.response.use(
  response => {
    // 正常响应直接返回数据
    return response
  },
  error => {
    if (error.response) {
      const status = error.response.status
      
      // 如果是未授权状态，则跳转到登录页
      if (status === 401) {
        Message.error('登录已过期，请重新登录')
        
        // 清除本地存储的用户信息和token
        localStorage.removeItem('isLoggedIn')
        localStorage.removeItem('jwt_token')
        localStorage.removeItem('currentUser')
        localStorage.removeItem('permissionMenus')
        
        // 跳转到登录页
        router.push('/login')
      } else if (status === 403) {
        Message.error('没有权限访问该资源')
      } else if (status === 404) {
        Message.error('请求的资源不存在')
      } else if (status === 500) {
        Message.error('服务器内部错误')
      } else {
        Message.error(error.response.data.message || '未知错误')
      }
    } else {
      Message.error('网络异常，请稍后重试')
    }
    
    return Promise.reject(error)
  }
)

export default http 